import React,{Component} from 'react';
import {observable,autorun} from 'mobx';

/**
 * 基本类型
 */
//对于普通类型数据的监听
let observableNumber=observable.box(66)
let observableDesc=observable.box("学无止境...")
//第一次执行一次,之后被改变与它相关的会再次执行
autorun(()=>{
  console.log(observableNumber.get())
})
setTimeout(() => {
  observableNumber.set(11)
  observableDesc.set("爱学.")
}, 2000);

/**
 * 对象使用map
 */
let myobj=observable.map({
  name:"碰磕",
  age:9999
})
autorun(()=>{
  console.log("对象name属性改变了"+myobj.get("name"))
})
class Zhuye extends Component{
  render() {
    return (  
      <div>
        Mobx
      </div>
    );
  };
};
export default Zhuye;
